<div ng-controller="AdminPathwayCtrl as vm">
<section class="content-header">
    <!-- Content Header (Page header) -->
    Career Pathway Report
    <div class="pull-right">
                        <form class="form-inline">
                          <div class="form-group">
                            <select class="form-control" ng-options="div for div in years track by div" ng-model="vm.year" ng-change="vm.loadData()">
                      </select>
                          </div>
                          <div class="form-group">
                            <select class="form-control" ng-options="div for div in months track by div" ng-model="vm.month" ng-change="vm.loadData()">
                      </select>
                          </div>
                          <div class="form-group">
                                    <select class="form-control" ng-options="div.name for div in regions track by div.id" ng-model="vm.region" ng-change="vm.regionChange()">
                                        <option ng-if="role!='Sub-Region Admin'"  value="">--- Sub-Region ---</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <select class="form-control" ng-options="div.name for div in clusters track by div.id" ng-model="vm.cluster" ng-change="vm.loadData()">
                                        <option value="">--- Cluster ---</option>
                                    </select>
                                </div>
                        </form>
                       
                      
                    </div>
</section>
<!-- Main content -->
<section class="content">
    <div class="row">
		<div class="col-md-12">
			
           <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">HR</h3>
                </div>
                <div class="box-body table-responsive no-padding" >
                            <table ng-table="vm.tableParams2" class="table table-hover table-bordered table-condensed" show-filter="true">
                            	
                            	<tr ng-repeat="ret in $data">
						        <td  title="'Hotel Name'" filter="{ hotel: 'text'}" sortable="'hotel'">
						            {{ret.hotel}}</td>
						        <td width="7%" title="'Staff No'" filter="{ 'staffNo': 'text'}" sortable="'staffNo'">
						            {{ret.staffNo}}</td>
						       <!--  <td title="'No of Career Pathways communication MTD'" filter="{ 'cpJoinMtd': 'text'}" sortable="'cpJoinMtd'">
						            {{ret.cpJoinMtd}}</td> -->
						        <td width="7%" title="'No of Career Pathways communication YTD'" filter="{ 'cpJoinYtd': 'text'}" sortable="'cpJoinYtd'">
						            {{ret.cpJoinYtd}}</td>
						        <td width="7%" title="'YTD%'" filter="{ 'cpJoinYtdP': 'text'}" sortable="'cpJoinYtdP'">
						            {{ret.cpJoinYtdP | percentage}}</td>
						       <!--  <td title="'No. of E-learning MTD'" filter="{ 'elearnMtd': 'text'}" sortable="'elearnMtd'">
						            {{ret.elearnMtd}}</td> -->
						        <td width="7%" title="'No. of Career Pathways E-learning YTD'" filter="{ 'elearnYtd': 'text'}" sortable="'elearnYtd'">
						            {{ret.elearnYtd}}</td>
						        <td width="7%" title="'YTD%'" filter="{ 'elearnYtdP': 'text'}" sortable="'elearnYtdP'">
						            {{ret.elearnYtdP | percentage}}</td>
						        <!-- <td title="'No. of PDP Conversation MTD'" filter="{ 'pdpMtd': 'text'}" sortable="'pdpMtd'">
						            {{ret.pdpMtd}}</td> -->
						        <td width="7%" title="'No. of HR Functional Competency E-learning YTD'" filter="{ 'pdpYtd': 'text'}" sortable="'pdpYtd'">
						            {{ret.pdpYtd}}</td>
						        <td width="7%" title="'YTD%'" filter="{ 'pdpYtdP': 'text'}" sortable="'pdpYtdP'">
						            {{ret.pdpYtdP|percentage}}</td>
						       <!--  <td title="'Promotion MTD'" filter="{ 'promotionMtd': 'text'}" sortable="'promotionMtd'">
						            {{ret.promotionMtd}}</td> -->
						        <td width="7%" title="'No. of PDP Setting YTD'" filter="{ 'promotionYtd': 'text'}" sortable="'promotionYtd'">
						            {{ret.promotionYtd}}</td>
						        <td width="7%" title="'YTD%'" filter="{ 'promotionYtdP': 'text'}" sortable="'promotionYtdP'">
						            {{ret.promotionYtdP|percentage}}</td>
						        <!-- <td title="'Internal Move(within IHG) MTD'" filter="{ 'moveMtd': 'text'}" sortable="'moveMtd'">
						            {{ret.moveMtd}}</td> -->
						        <td width="7%" title="'No. of PDP Completion YTD'" filter="{ 'moveYtd': 'text'}" sortable="'moveYtd'">
						            {{ret.moveYtd}}</td>
						        <td width="7%" title="'YTD%'" filter="{ 'moveYtdP': 'text'}" sortable="'moveYtdP'">
						            {{ret.moveYtdP|percentage}}</td>						        						            
						    </tr>
                       <tr>
						    	<th>Total</th>
						    	<th>{{vm.total.staffNo}}</th>
						    	<th>{{vm.total.cpJoinYtd}}</th>
						    	<th>{{vm.total.cpJoinYtd/vm.total.staffNo*100 | percentage}}</th>
						    	<th>{{vm.total.elearnYtd}}</th>
						    	<th>{{vm.total.elearnYtd/vm.total.staffNo*100 | percentage}}</th>
						    	<th>{{vm.total.pdpYtd}}</th>
						    	<th>{{vm.total.pdpYtd/vm.total.staffNo*100 | percentage}}</th>
						    	<th>{{vm.total.promotionYtd}}</th>
						    	<th>{{vm.total.promotionYtd/vm.total.staffNo*100 | percentage}}</th>
						    	<th>{{vm.total.moveYtd}}</th>
						    	<th>{{vm.total.moveYtd/vm.total.staffNo*100 | percentage}}</th>
						    	
						    </tr>
                            </table>
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->
           
           
		</div>
    </div>

</section>


</div>